<template>
	<div class="idx">
		<div class="header clear">
			<div class="name fl">
				<img src="../../img/bule-logo.png" alt="" class="n_left">
				<div class="n_right">药事精细化管理平台</div>
			</div>
			<div class="operat fr">
				<i class="o_icon fr">
					<img src="../../img/i-exit.png" alt="">
				</i>
				<i class="o_icon fr">
					<img src="../../img/i-impt.png" alt="">
				</i>
				<i class="o_icon fr">
					<img src="../../img/i-set.png" alt="">
				</i>
				<div class="user_name fr">admin</div>
				<div class="header_img fr">
					<img src="../../img/header.png" alt="">
				</div>
			</div>
		</div>
		<div class="main">
			<div class="box">
				<div class="m_factor" @click="toRouter('RAD','/rad')">
					<img src="../../img/idx01.png" alt="">
					<span>合理用药</span>
				</div>
				<!-- <div class="m_factor" @click="toRouter('PRC','prc/prcoutpatientreviews')">
					<img src="../../img/idx02.png" alt="">
					<span>点评中心</span>
				</div>
				<div class="m_factor" @click="toRouter('PTC','/ptc/outpatient')">
					<img src="../../img/idx03.png" alt="">
					<span>审方中心</span>
				</div>
				<div class="m_factor">
					<img src="../../img/idx04.png" alt="">
					<span>数据统计</span>
				</div>
				<div class="m_factor" @click="toRouter('KB','/kb/instructions')">
					<img src="../../img/idx05.png" alt="">
					<span>知识库</span>
				</div>
				<div class="m_factor" @click="toRouter('CPW','/cpw/index')">
					<img src="../../img/idx06.png" alt="">
					<span>临床药师工作站</span>
				</div>
				<div class="m_factor">
					<img src="../../img/idx07.png" alt="">
					<span>药师咨询</span>
				</div>
				<div class="m_factor">
					<img src="../../img/idx08.png" alt="">
					<span>不良事件</span>
				</div>
				<div class="m_factor">
					<img src="../../img/idx09.png" alt="">
					<span>学习中心</span>
				</div>
				<div class="m_factor">
					<img src="../../img/idx10.png" alt="">
					<span>处方集</span>
				</div>
				<div class="m_factor">
					<img src="../../img/idx11.png" alt="">
					<span>信息发布</span>
				</div>
				<div class="m_factor" @click="toRouter('UC','/usercenter/admin')">
					<img src="../../img/idx12.png" alt="">
					<span>用户管理</span>
				</div> -->
			</div>
		</div>
		<div class="bottom">
			<span>版权所有@无锡医博士智能科技有限公司</span>
			<i>1.0.0</i>
		</div>
	</div>
</template>

<script>
	export default {
		data () {
			return {

			}
		},
		methods:{
			toRouter (point,router) {
				console.log(point,router)
				localStorage.setItem("nowSystem",event.currentTarget.childNodes[2].innerText);
				localStorage.setItem("point",point);
				this.$router.push({path:router});
			}
		}
	}
</script>

<style lang="scss" scoped>
	.idx{
		width:100%;
		height:100vh;
		overflow:hidden;
		background:#fff;
		.header{
			padding:0 0.7rem;
			height:1rem;
			line-height:1rem;
			.name{
				width:50%;
				display:flex;
				.n_left{
					width:0.5rem;
					height:0.65rem;
					margin-top:0.15rem;
				}
				.n_right{
					color:#2185f2;
					font-size:0.48rem;
					margin-left:0.15rem;
					text-align-last: justify;
					width:4.5rem;
				}
			}
			.operat{
				width:50%;
				height:100%;
				line-height:1rem;
				.header_img{
					width:0.55rem;
					height:0.55rem;
					border-radius:50%;
					overflow:hidden;
					margin-top:0.2rem;
					margin-right:0.12rem;
					cursor:pointer;
					img{
						width:100%;
						height:100%;
					}
				}
				.user_name{
					font-size: 0.2rem;
					color:#2185f2;
					margin-left:0.12rem;
					margin-right:0.2rem;
					cursor:pointer;
				}
				.o_icon{
					margin-top:0.34rem;
					margin-left:0.25rem;
					width:0.26rem;
					height:0.26rem;
					cursor:pointer;
					img{
						width:100%;
						height:100%;
					}
				}
			}
		}
		.main{
			width:100%;
			height:7rem;
			background:url(../../img/idx-bg.jpg) no-repeat center;
			background-size:cover;
			position:fixed;
			left:0;
			right:0;
			top:0;
			bottom:0;
			margin:auto;
			.box{
				width:15.5rem;
				height:5.4rem;
				position:absolute;
				top:0.2rem;
				bottom:0;
				left:0;
				right:0;
				margin:auto;
				.m_factor{
					float:left;
					width:2.4rem;
					height:2.52rem;
					border-radius:0.14rem;
					background:#fff;
					margin-right:0.2rem;
					margin-bottom:0.2rem;
					font-size:0.22rem;
					color:#333;
					text-align:center;
					padding-top:0.6rem;
					cursor: pointer;
					img{
						display:block;
						width:1rem;
						height:1rem;
						margin:0 auto;
					}
					span{
						margin-top:0.3rem;
						display:block;
					}
				}
				.m_factor:nth-of-type(6n){
					margin-right:0;
				}
			}
		}
		.bottom{
			width:100%;
			height:0.8rem;
			line-height:0.8rem;
			font-size:0.14rem;
			color:#999;
			text-align:center;
			position:fixed;
			left:0;
			bottom:0;
			i{
				position:absolute;
				right:0.55rem;
			}
		}
	}
</style>
